cody - HTMLify profile
cody
4270 Files
632543 Views
Latest files of /cody/solygambas/html-css-javascript-projects/087-sliding signin signup form
style.css
cody/solygambas/html-css-javascript-projects/087-sliding signin signup form/style.css
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;800&display=swap");
:root {
--main-color: #6dd5ed;
--secondary-color: #2193b0;
--gradient: linear-gradient(
135deg,
var(--main-color),
:root {
--main-color: #6dd5ed;
--secondary-color: #2193b0;
--gradient: linear-gradient(
135deg,
var(--main-color),
index.html
cody/solygambas/html-css-javascript-projects/087-sliding signin signup form/index.html
<!-- Based on Sliding Sign In & Sign Up Form by Brad Traversy (2019)
see: https://www.youtube.com/watch?v=mUdo6w87rh4 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
see: https://www.youtube.com/watch?v=mUdo6w87rh4 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
script.js
cody/solygambas/html-css-javascript-projects/087-sliding signin signup form/script.js
const signUpButton = document.getElementById("signUp");
const signInButton = document.getElementById("signIn");
const container = document.getElementById("container");
signUpButton.addEventListener("click", () => {
container.classList.add("right-panel-active");
});
const signInButton = document.getElementById("signIn");
const container = document.getElementById("container");
signUpButton.addEventListener("click", () => {
container.classList.add("right-panel-active");
});